<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href='https://cdn.bootcdn.net/ajax/libs/minireset.css/0.0.2/minireset.min.css' rel='stylesheet'/>
    <link href='https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.css' rel='stylesheet'>
    <link rel="stylesheet" href="scss/dist/app.css">
    <title>京东官网</title>
</head>
<body>
    <header>
        <div class="container h-30 ral">
            <div class="select-place">
                <div class="current-place">
                    <i class="fa fa-map-marker" aria-hidden="true"></i>
                    <span>浙江</span>    
                </div>
                 <div class="place-list" >
                     <section>
                         <div class="s1">
                            <a href="#">北京</a>
                            <a href="#">上海</a>
                            <a href="#">天津</a>
                            <a href="#">重庆</a>
                            <a href="#">河北</a>
                            <a href="#">山西</a>
                            <a href="#">河南</a>
                            <a href="#">辽宁</a>
                            <a href="#">吉林</a>
                            <a href="#">黑龙江</a>
                            <a href="#">内蒙古</a>
                            <a href="#">江苏</a>
                            <a href="#">山东</a>
                            <a href="#">安徽</a>
                            <a href="#" class="active">浙江</a>
                            <a href="#">福建</a>
                            <a href="#">湖北</a>
                            <a href="#">湖南</a>
                            <a href="#">广东</a>
                            <a href="#">广西</a>
                            <a href="#">江西</a>
                            <a href="#">四川</a>
                            <a href="#">海南</a>
                            <a href="#">贵州</a>
                            <a href="#">云南</a>
                            <a href="#">西藏</a>
                            <a href="#">陕西</a>
                            <a href="#">甘肃</a>
                            <a href="#">青海</a>
                            <a href="#">宁夏</a>
                            <a href="#">新疆</a>
                            <a href="#">港澳</a>
                            <a href="#">台湾</a>
                            <a href="#">钓鱼岛</a>
                            <a href="#">海外</a>
                         </div>
                        
                     </section>
                    <section>
                        <div class="s2">
                            <p>地区专享版本</p>
                            <div class="s2-a">
                                <a href="#">中国港澳</a>
                                <a href="#">中国台湾</a>
                                <a href="#">京东全球</a>
                            </div>
                        </div>
                    </section>
                    <section>
                        <div class="s3">
                            <p>Available Sites</p>
                            <div class="s3-a">
                                <a href="#"><span class="icon icon-flag-1">&nbsp;</span>Global Site</a>
                                <a href="#"><span class="icon icon-flag-2">&nbsp;</span>Сайт России</a>
                                <a href="#"><span class="icon icon-flag-3">&nbsp;</span>Situs Indonesia</a>
                                <a href="#"><span class="icon icon-flag-4">&nbsp;</span>Sitio de España</a>
                                <a href="#"><span class="icon icon-flag-5">&nbsp;</span>เว็บไซต์ประเทศไทย</a>
                            </div>
                        </div>
                
                    </section>
                </div> 
            </div>
            <ul class="select-menu">
                <li><a href="#">你好，请登录 <span>免费注册</span></a></li>
                <li><a href="#">我的订单</a></li>
                <li class="dropdown"><a href="#">我的京东<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                    <div class="dropdown-1">
                        <section>
                            <a href="#">待处理订单</a>
                            <a href="#">消息</a>
                            <a href="#">返修退换货</a>
                            <a href="#">我的问答</a>
                            <a href="#">降价商品</a>
                            <a href="#">我的关注</a>
                        </section>
                        <section>
                            <a href="#">我的京豆</a>
                            <a href="#">我的优惠券</a>
                            <a href="#">我的白条</a>
                            <a href="#">我的理财</a>
                            
                        </section>
                    </div>
                </li>
                <li><a href="#">京东会员</a></li>
                <li class="dropdown"><a href="#"><span>企业采购</span><i class="fa fa-angle-down" aria-hidden="true"></i></a>
                    <div class="dropdown-2">
                        <section>
                            <a href="#">企业采购</a>
                            <a href="#">商用场景馆</a>
                            <a href="#">工业品</a>
                            <a href="#">丰客多商城</a>
                            <a href="#">礼品卡</a>
                            <a href="#">微信企业购</a>
                        </section>
                    </div>
                </li>
                <li class="dropdown"><a href="#">客户服务<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                    <div class="dropdown-3">
                        <section>
                            <p>客户</p>
                                <div class="dropdown-3-list">
                                    <a href="#">帮助中心</a>
                                    <a href="#">售后服务</a>
                                    <a href="#">在线客服</a>
                                    <a href="#">意见建议</a>
                                    <a href="#">电话客服</a>
                                    <a href="#">客服邮箱</a>
                                    <a href="#">金融咨询</a>
                                    <a href="#">全球售客服</a>
                                    <a href="#">企业客服</a>
                                </div>
                        </section>
                        <section>
                            <p>商户</p>
                            <div class="dropdown-3-list">
                                <a href="#">合作招商</a>
                                <a href="#">成长中心</a>
                                <a href="#">商家后台</a>
                                <a href="#">京麦工作台</a>
                                <a href="#">商家帮助</a>
                                <a href="#">规则平台</a>
                            </div>
                        </section>
                    </div>
                </li>
                <li class="dropdown"><a href="#">网站导航<i class="fa fa-angle-down" aria-hidden="true"></i></a>
                    <div class="dropdown-4">
                        <section>
                            <p>特色主题</p>
                                <div class="dropdown-4-list">
                                    <a href="#">新品首发</a>
                                    <a href="#">京东金融</a>
                                    <a href="#">全球售</a>
                                    <a href="#">国际站</a>
                                    <a href="#">京东会员</a>
                                    <a href="#">京东预售</a>
                                    <a href="#">台湾售</a>
                                    <a href="#">俄语站</a>
                                    <a href="#">装机大师</a>
                                    <a href="#">0元评测</a>
                                    <a href="#">港澳售</a>
                                    <a href="#">优惠券</a>
                                    <a href="#">秒杀</a>
                                    <a href="#">闪购</a>
                                    <a href="#">印尼站</a>
                                    <a href="#">陪伴计划</a>
                                    <a href="#">出海招商</a>
                                    <a href="#">拍拍二手</a>
                                    <a href="#">买什么</a>
                                    
                                </div>
                        </section>
                        <section>
                            <p>行业频道</p>
                            <div class="dropdown-4-list">
                                <a href="#">手机</a>
                                <a href="#">智能数码</a>
                                <a href="#">玩3C</a>
                                <a href="#">电脑办公</a>
                                <a href="#">家用电器</a>
                                <a href="#">京鱼座智能</a>
                                <a href="#">京东服饰</a>
                                <a href="#">京东生鲜</a>
                                <a href="#">家装城</a>
                                <a href="#">母婴</a>
                                <a href="#">食品</a>
                                <a href="#">农资频道</a>
                                <a href="#">整车</a>
                                <a href="#">图书</a>
                                <a href="#">劳动防护</a>
                            </div>
                        </section>
                        <section>
                            <p>生活服务</p>
                            <div class="dropdown-4-list">
                                <a href="#">京东众筹</a>
                                <a href="#">白条</a>
                                <a href="#">京东金额App</a>
                                <a href="#">京东小金库</a>
                                <a href="#">理财</a>
                                <a href="#">话费</a>
                                <a href="#">水电煤</a>
                                <a href="#">彩票</a>
                                <a href="#">旅行</a>
                                <a href="#">机票酒店</a>
                                <a href="#">电影票</a>
                                <a href="#">京东到家</a>
                                <a href="#">游戏</a>
                                <a href="#">拍拍回收</a>
                                
                            </div>
                        </section>
                        <section>
                            <p>更多精选</p>
                            <div class="dropdown-4-list">
                                <a href="#">合作招商</a>
                                <a href="#">京东通信</a>
                                <a href="#">京东E卡</a>
                                <a href="#">企业采购</a>
                                <a href="#">服务市场</a>
                                <a href="#">办公生活馆</a>
                                <a href="#">校园加盟</a></a>
                                <a href="#">京东社区</a>
                                <a href="#">游戏社区</a>
                                <a href="#">知识产权维权</a>
                            </div>
                        </section>
                    </div>
                </li>
                <li class="dropdown"><a href="#">手机京东</a>
                    <div class="dropdown-5">
                        <section>
                            <img src="images/jdapp.webp" alt="">
                            <div class="info">
                                <p>手机京东</p>
                                <span>新人专享大礼包</span>
                                <div class="osicon">
                                    <a href="#"><span class="osicon-1 os-ios">&nbsp;</span></a>
                                    <a href="#"><span class="osicon-1 os-android">&nbsp;</span></a>
                                    <a href="#"><span class="osicon-1 os-ipad">&nbsp;</span></a>
                                </div>
                            </div>
                        </section>
                        <section>
                            <img src="images/jdwx.webp" alt="">
                            <div class="info">
                                <p>关注京东</p>
                                <p>JD.COM</p>
                                <span>抢5元红包</span>
                            </div>
                        </section>
                        <section>
                            <img src="images/jdjr.webp" alt="">
                            <div class="info">
                                <p>京东金融客户端</p>
                                <span>新人专享大礼包</span>
                                <div class="osicon">
                                    <a href="#"><span class="osicon-1 os-ios">&nbsp;</span></a>
                                    <a href="#"><span class="osicon-1 os-android">&nbsp;</span></a>
                                    
                                </div>
                            </div>
                        </section>
                        <section>
                            <img src="images/jdjk.webp" alt="">
                            <div class="info">
                                <p>京东健康客户端</p>
                                <div class="osicon">
                                    <a href="#"><span class="osicon-1 os-ios">&nbsp;</span></a>
                                    <a href="#"><span class="osicon-1 os-android">&nbsp;</span></a>
                                    
                                </div>
                            </div>
                        </section>
                    </div>
                </li>

            </ul>
        </div>
    </header>
    <div class="bigsearch">
        <div class="lsa ">
            <div class="logo"><img src="images/jdlogo.gif" alt=""></div>
            <div class="search-main">
                <div class="search-cart-recommend">
                    <div class="search-cart">
                        <div class="search-box">
                            <input type="text" placeholder="狂欢双十一">
                            <div class="search-btn"><i class="fa fa-search" aria-hidden="true"></i></div>
                        </div>
                        <div class="cart">
                            <i class="fa fa-shopping-cart" aria-hidden="true"></i>
                            <span>8</span>
                            <p>我的购物车</p>
                        </div>
                    </div>
                    <div class="recommend">
                        <a href="#" class="active">爆款1 折抢</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                        <a href="#">爆款2</a>
                    </div>
                </div>
                <div class="main-menu">
                    <a href="#" class="active">秒杀</a>
                    <a href="#" class="active">优惠券</a>
                    <a href="#">PLUS会员</a>
                    <a href="#">品牌闪购</a>
                    <a href="#">拍卖</a>
                    <a href="#">京东家电</a>
                    <a href="#">京东超市</a>
                    <a href="#">京东生鲜</a></a>
                    <a href="#">京东国际</a>
                    <a href="#">京东金融</a>
                </div>
            </div>
            <div class="ad-1"><img src="images/ad-1.gif" alt=""></div>
        </div>
    </div>
    <div class="bigrow-1">
        <div class="bigrow-1-1">
            <div class="text-menu">
                    <a href="#">家用电器
                        <div class="text-menu-box">
                            
                        </div>
                    </a>
                    <a href="#">手机/运营商/数码</a>
                    <a href="#">电脑/办公</a>
                    <a href="#">家居/家具/家装/厨具</a>
                    <a href="#">男装/女装/童装/内衣</a>
                    <a href="#">美妆/个护清洁/宠物</a>
                    <a href="#">女鞋/箱包/钟表/珠宝</a>
                    <a href="#">男鞋/运动/户外</a>
                    <a href="#">房产/汽车/汽车用品</a>
                    <a href="#">母婴/玩具乐器</a>
                    <a href="#">食品/酒类/生鲜/特产</a>
                    <a href="#">艺术/礼品鲜花/农资绿植</a>
                    <a href="#">医药保健/计生情趣</a>
                    <a href="#">图书/文娱/教育/电子书</a>
                    <a href="#">机票/酒店/旅游/生活</a>
                    <a href="#">理财/众筹/白条/保险</a>
                    <a href="#">安装/维修/清洗/二手</a>
                    <a href="#">工业品</a>
            </div>
        </div>
        <div class="bigrow-1-2"><img src="images/bigrow-1-2.webp" alt=""></div>
        <div class="bigrow-1-3">
            <a href="#"><img src="images/bigrow-1-3-1.webp" alt=""></a>
            <a href="#"><img src="images/bigrow-1-3-2.webp" alt=""></a>
            <a href="#"><img src="images/bigrow-1-3-3.webp" alt=""></a>
        </div>
        <div class="bigrow-1-4">
            <section>
                <div class="bigrow-1-4-1">
                    <img src="images/bigrow-1-4-head.png" alt="">
                    <div class="bigrow-1-4-info">
                        <span>Hi~欢迎逛京东!</span>
                        <div class="login-register">
                            <p>登录</p>
                            <p>|</p>
                            <p>注册</p>
                        </div>
                    </div>
                </div>
                <div class="btn">
                    <span>新人福利</span>
                    <span>PLUS会员</span>
                </div>
            </section>
            <section>
                <div class="bigrow-1-4-2-1">
                    <span>京东快报</span>
                    <p>更多<i class="fa fa-angle-right" aria-hidden="true"></i></p>
                </div>  
                <div class="bigrow-1-4-2-2">
                    <a href="#"><span>推荐</span><p>模拟暴雨测试，真相告诉你哪款高端相机最先坏？</p></a>
                    <a href="#"><span>HOT</span><p>你拍的雪景太难看了，快来跟老司机学技术吧！</p></a>
                    <a href="#"><span>热议</span><p>MacBook Pro 15 2018半年体验总结</p></a>
                    <a href="#"><span>HOT</span><p>索尼A6100L测评：拒绝沉重，轻装上路</p></a>
                </div>
            </section>
            <section>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>
                <a href="#"><img src="images/bigrow-1-4-$normal.png" alt=""><span>话费</span></a>

            </section>
        </div>

    </div>
</body>
</html>